@charset "utf-8";
@import url("utils.css");
@import url("jquery.css");
/*******************************/
/* Public Layout CSS Document  */
/*******************************/

* {
	margin:0;
	padding:0;
}

ol, ul {
	list-style:none;
}

a, #member p.key a {
	color:gray;
	text-decoration:none;
}

a:hover, #member p.key a:hover {
	text-decoration:underline;
}

a.ui-state-default {
	padding:0 4px;
}

a.ui-state-default:hover {
	text-decoration:none;
}

input[type=submit] {
	padding:2px 5px;
}

input[type=text], input[type=password] {
	height:18px;
}
	
select, input[type=text], input[type=password], textarea {
	border:1px solid silver;
}

img {
	border:none;
}

p {
	margin:5px 0;
}

p.verdana {
	font-family:"Verdana","Arial","Helvetica","sans-serif";
}

body {
	background:#F2F2F2 url('../images/bg-deg.png') repeat-x;
	font-size:10px;
	font-family:"Arial","Verdana","Helvetica","sans-serif";
}

#global, #title {
	width:900px;
	margin:5px auto;
}

#title img {
	float:right;
}

#global {
	clear:both;
	min-height:600px;
	background:white;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:5px;
}

#ban {
	background:url('../images/ban.png');
	height:76px;
}

#ban, #footer {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

#menu, #pub {
	margin:5px 0 10px 0;
}

#content {
	width:620px;
	min-height:700px;
	float:left;
	margin:0 15px 0 15px;
	padding-bottom:20px;
	font-size:1.1em;
}

#content h2 {
	border-bottom:1px solid #999999;
	padding:0 0 5px 0;
	margin:5px 0 20px 0;
	text-indent:10px;
	color:#666666;
}

#content h3 {
	margin:20px 0 15px 0;
}

#content p, #chatbox p {
	margin:10px 0;
}

#member input {
	margin:4px 0 5px 0;
}

#member, #chatbox, #pub {
	float:right;
	width:235px;
}

#chatbox {
	margin:10px 0 5px 0;
	overflow-x:hidden !important;
}

#chatbox #message_list {
	margin-top:12px;
	width:244px;
	height:450px;
	overflow:auto;
}

#chatbox p#inputmess { line-height:1.5; }
#chatbox p#inputmess input#message { width:160; height:22px; border:1px solid #A6C9E2; padding-left:5px; }
#chatbox p#inputmess img { position:relative; top:3px; }

#chatbox #message_list .message { width:217px; margin:7px 0; border-top:1px solid #CCCCCC; padding-top:5px; margin-right:10px; }
#message_list .message:first-child { margin-top:15px; border-top:none !important; }
#message_list .message .mess_auteur { font-weight:bold; }
#message_list .message .mess_date { font-size:10px; color:#999999; float:right; }
#message_list .message .mess_texte { line-height:1.5; clear:both; }
#message_list  p#selectnb { line-height:2; margin:10px 0 0 0; }

#content p#myplistj {
	line-height:2.5;
}

div.bienvenue p {
	color:#999999;
	font-size:28px;
	padding:50px 10px 25px 155px !important;
}

div.bienvenue img {
	float:left;
	margin:20px 0px 70px 0px;
}

p.acc_dec {
	margin-left:100px !important;
}

div#connected_members {
	position:absolute;
	background:white;
	padding:5px 15px 10px 15px;
	border:1px solid silver;
	min-width:150px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

div#connected_members p.pseudo_co {
	font-size:12px;
}

.news {
	clear:both;
	border:1px solid silver;
	padding:10px 15px 10px 10px;
	margin:10px 0;
	text-align:justify;
}

.news p.title {
	margin:0 0 20px 0 !important;
}

.news p.title span.title {
	font-size:16px;
	font-weight:bold;
	color:#666666;
}

.news p.title span.date {
	font-size:10px;
	color:#999999;
}

.news img {
	float:left;
}

.news img, img.add_img_news {
	width:40px;
	height:40px;
	margin-right:15px;
}

img.add_img_news:hover, img#clear_img_news {
	cursor:pointer;
}

#footer {
	clear:both;
}

#menu, #menu ul, #footer {
	height:30px;
}

#menu ul {
	margin:0 auto;
	padding:0;
	list-style-type:none;
	position:relative;
}

#menu ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	border-right:1px solid #4297d7;
}

#menu ul li a {
	display:block;
	float:left;
	text-decoration:none;
	padding:0px 30px;
	line-height:30px;
}

#menu ul li ul {
	position:absolute;
	display:none;
	top:30px;
	z-index:1;
}

#menu ul li ul li {
	float:none;
}

#menu ul li:hover ul {
	display:block;
}

#menu ul li ul li a {
	width:100px;
	border:none !important;
}

#footer p {
	text-align:center;
	padding-top:3px !important;
	font-size:11px;
}

/* rustines jquery */

.table-contain th.ui-state-active {
	font-weight:bold;
}
